<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>预览页面</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
	body {
		font-family: Arial Unicode MS;
		font-weight:normal;
	}
	html{height: 100%;}
        body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
        
	body, button, input, select, textarea { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-box-sizing: border-box;}
        pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
        
	
	        input, button, select, textarea { outline: none; }
        h1, h2, h3, h4, h5, h6 { font-size: 100%; }
        i,em{ font-style: normal; }
        a { text-decoration: none; }
        a:focus { outline: none; }
        body{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
        a:link, a:visited{ text-decoration: none; }
        a:hover{color: #15a94e;text-decoration: none;}
        a span, a img { cursor: pointer; }
        fieldset, img { border: 0; }
	
	    ul.nolist,ul { list-style: none; }
        ul.nolist li,ul li { list-style: none; }
        .clearFix:before, .clearFix:after { display: table; content: ""; }
        .clearFix:after { clear: both; }
        .clearFix { *zoom: 1; }
	.preview-paging{width:800px;margin:0 auto}
        .preview-paging  .prev-top{width:100%;height:60px;background-color:#dfe4ee;overflow:hidden;position:relative}
        .preview-paging  .prev-top p{position:relative;width:600px;height:2px;margin:29px auto 0 auto;background-color:transparent}
        .preview-paging  .prev-top p span{text-align:center;position:absolute;left:50%;margin-left:-125px;z-index:1;display:inline-block;width:250px;height:30px;line-height:30px;background-color:#dfe4ee;color:#34474f;font-size:18px;top:-15px}
        .preview-paging .p-main{width:95%;margin:30px auto  0 auto}
        .preview-paging .p-main .bt{width:100%;font-size:16px;color:#fe9111;border-left:2px solid #fe9111;text-indent:10px;height:20px;line-height:20px}
        .preview-paging .p-main .u-info{width:100%;margin-top:10px;overflow:hidden}
        .preview-paging .p-main .u-info li{margin-bottom:15px;width:45%;margin-right:4%;height:40px;line-height:40px;float:left;border-bottom:1px solid #eef2f5}
        .preview-paging .p-main .u-info li.no-r{margin-right:0}
        .preview-paging .p-main .u-info li .s1{cursor:pointer;display:inline-block;width:65%;float:left;color:#6e7f91;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
        .preview-paging .p-main .u-info li .s2{cursor:pointer;display:inline-block;width:35%;float:left;color:#34474f;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
        .preview-paging .p-main .img-lb{width:48%;height:75px;border-bottom:1px solid #eef2f5;float:left}
        .preview-paging .p-main .img-lb .title{color:#6e7f91;font-size:12px;display:inline-block;float:left}
        .preview-paging .p-main .img-lb .picture{float:right;width:225px;height:65px;}
        .preview-paging .p-main .img-lb .picture img{width:65px;height:65px;float:left;margin-right:15px;display:block}
        .preview-paging .p-main .img-lb .picture img.no{margin-right:0}
        .preview-paging .p-main .qg-text1{width:30%;height:75px;float:left;margin-left:4%}
        .preview-paging .p-main .qg-text1 textarea{width:100%;height:75px;padding:5px;font-size:13px;color:#333333;border:1px solid #d7dde9;resize:none}
        .preview-paging .prev-table{width:100%;margin-top:35px;border-top:1px solid #dcdfe4}
        .preview-paging .prev-table table{width:100%}
        .preview-paging .prev-table table th{text-align:center;font-size:12px;color:#34474f;height:40px;line-height:40px;background-color:#dfe4ee;border-right:1px solid #e9ebf0; font-weight:normal}
        .preview-paging .prev-table table th.w15{width:9%}
        .preview-paging .prev-table table th.w16{width:17%}
        .preview-paging .prev-table table th.w25{width:28%}
        .preview-paging .prev-table table tr td{text-align:center;font-size:12px;color:#34474f;height:40px;line-height:40px;background-color:#dfe4ee;border-right:1px solid #e9ebf0;border-bottom:1px solid #e9ebf0; }
        .preview-paging .prev-table table tr td.white-bg{background-color:white}
        .preview-paging .prev-table table tr td.gey-bg{background-color:#f6f7fc}
        .preview-paging .prev-table table tr td span{word-wrap:break-word;word-break:break-all;display:inline-block;width:275px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:30px;line-height:45px}
        .preview-paging .prev-table table tr td.no{border-right:none}
        .preview-paging .prev-table table tr th.no{border-right:none}
        .print-btn{width:100%;height:40px;text-align:center;margin-top:30px}
        .prev-top span.s02{font-size:14px;margin-right:20px;position:absolute;right:10px;top:10px}
        .prev-top span.s02 i{font-size:24px;color:#29bf65}
    </style>
</head>
<body style="padding-bottom:60px">
<div class="preview-paging">
  <div class="prev-top">
     <p><span><#if (task.name) ??>${task.name}<#else></#if></span></p>     
  </div>
  
  <div class="p-main clearFix">
    <p class="bt">发球点详情</p>
    <ul class="u-info">
        <li>
            <span class="s1">发球点</span>
            <span class="s2"><#if (other.fromValRoom) ??>${other.fromValRoom}<#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">绝对距离(m)</span>
            <span class="s2"><#if (other.fromMile) ??><#setting number_format="0.###">  ${other.fromMile?number}<#else>0</#if></span>
        </li>
        <li>
            <span class="s1">最近参考点</span>
            <span class="s2"><#if (other.fromreference) ??>${other.fromreference}<#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">相对最近参考点距离(m)</span>
            <span class="s2"><#if (other.fromreferencedistance) ??><#setting number_format="0.###">  ${other.fromreferencedistance?number}<#else>0</#if></span>
        </li>
        <li>
            <span class="s1">发球时间</span>
            <span class="s2"><#if (pigResult.sendBallsTime)??>${pigResult.sendBallsTime ? string("yyyy-MM-dd HH:mm:ss")} <#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">发球时发球站出站压力(MPa)</span>
            <span class="s2"><#if (pigResult.sendBallsPressureFrom) ??>${pigResult.sendBallsPressureFrom}<#else></#if></span>
        </li>
        <li>
            <span class="s1">发球时收球站进站压力(MPa)</span>
            <span class="s2"><#if (pigResult.sendBallsPressureTo) ??>${pigResult.sendBallsPressureTo}<#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">发球人</span>
            <span class="s2"><#if (pigResult.sendRecrder) ??>${pigResult.sendRecrder}<#else></#if></span>
        </li>

        <li>
            <span class="s1">发球时流量</span>
            <span class="s2"><#if (pigResult.sendBallsFlow) ??>${pigResult.sendBallsFlow}<#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">管道内径(mm)</span>
            <span class="s2"><#if (pigResult.interDiameter) ??>${pigResult.interDiameter}<#else></#if></span>
        </li>
        <li>
            <span class="s1">清管类别</span>
            <span class="s2"><#if (pigResult.piggingType) ??>${pigResult.piggingType}<#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">清管工具</span>
            <span class="s2"><#if (pigResult.pigType) ??>${pigResult.pigType}<#elseif (pigResult.detectorType) ??>${pigResult.detectorType }<#else></#if></span>
        </li>
        <li>
            <span class="s1">发球压差(Mpa)</span>
            <span class="s2"><#if (pigResult.sendPressure) ??>${pigResult.sendPressure}<#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">过盈量(%)</span>
            <span class="s2"><#if (pigResult.sendInterference) ??>${pigResult.sendInterference}<#else></#if></span>
        </li>
    </ul>
    <div class="img-lb">
        <span class="title">发球照片</span>
        <div class="picture">
          <#if (imgList?size != 0)>
          	 <#list imgList as p>
          	 	<#if (p.MARK = "fa")>
          	 		<img style="width:55px;height:55px;" src="${p.PATH}" alt=""/>
          	 	</#if>
          	 </#list>
          </#if>
        </div>
    </div>
    <p class="qg-text1"><textarea rows="" cols="" placeholder=""><#if (pigResult.sendRemark) ??>${pigResult.sendRemark}<#else></#if></textarea></p>
</div>

<div class="p-main clearFix">
    <p class="bt">收球点详情</p>
    <ul class="u-info">
        <li>
            <span class="s1">收球点</span>
            <span class="s2"><#if (other.toValRoom) ??>${other.toValRoom}<#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">绝对距离(m)</span>
            <span class="s2"><#if (other.toMile) ??><#setting number_format="0.###">  ${other.toMile?number}<#else></#if></span>
        </li>
        <li>
            <span class="s1">最近参考点</span>
            <span class="s2"><#if (other.toreference) ??>${other.toreference}<#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">相对最近参考点距离(m)</span>
            <span class="s2"><#if (other.toreferencedistance) ??><#setting number_format="0.###">  ${other.toreferencedistance?number}<#else>0</#if></span>
        </li>
        <li>
            <span class="s1">收球时间</span>
            <span class="s2"><#if (pigResult.backBallsTime)??>${pigResult.backBallsTime ? string("yyyy-MM-dd HH:mm:ss")} <#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">收球人</span>
            <span class="s2"><#if (pigResult.recrder) ??>${pigResult.recrder}<#else></#if></span>
        </li>
        <li>
            <span class="s1">收球时发球站出站压力(MPa)</span>
            <span class="s2"><#if (pigResult.theBallsPressureFrom) ??>${pigResult.theBallsPressureFrom}<#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">收球时收球站进站压力(MPa)</span>
            <span class="s2"><#if (pigResult.theBallsPressureTo) ??>${pigResult.theBallsPressureTo}<#else></#if></span>
        </li>
        <li>
            <span class="s1">收球时流量</span>
            <span class="s2"><#if (pigResult.theBallsFlow) ??>${pigResult.theBallsFlow}<#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">清管器工具平均速度(m/s)</span>
            <span class="s2"><#if (pigResult.avgRate) ??>${pigResult.avgRate}<#else></#if></span>
        </li>
        <li>
            <span class="s1">最大推球压差(MPa)</span>
            <span class="s2"><#if (pigResult.maxPushPressure) ??>${pigResult.maxPushPressure}<#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">污水(Kg)</span>
            <span class="s2"><#if (pigResult.sewage) ??>${pigResult.sewage}<#else></#if></span>
        </li>
        <li>
            <span class="s1">污物(Kg)</span>
            <span class="s2"><#if (pigResult.dirt) ??>${pigResult.dirt}<#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">清放空气量(10⁴m³)</span>
            <span class="s2"><#if (pigResult.ventGasVolume) ??>${pigResult.ventGasVolume}<#else></#if></span>
        </li>

        <li>
            <span class="s1">管道实际通过气量(10⁴m³)</span>
            <span class="s2"><#if (pigResult.actualPassGasVolume) ??>${pigResult.actualPassGasVolume}<#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">天然气相对密度(Kg/m³)</span>
            <span class="s2"><#if (pigResult.gasRelativedEnsity) ??>${pigResult.gasRelativedEnsity}<#else></#if></span>
        </li>
        <li>
            <span class="s1">天然气平均温度( ℃)</span>
            <span class="s2"><#if (pigResult.avgTempreture) ??>${pigResult.avgTempreture}<#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">清管器运行距离(m)</span>
            <span class="s2"><#if (pigResult.pigRunLength) ??><#assign x = pigResult.pigRunLength> ${x?string('#.###')}<#else>0</#if></span>
        </li>
        <li>
            <span class="s1">在平均压力下的压缩系数</span>
            <span class="s2"><#if (pigResult.compressionCoefficient) ??>${pigResult.compressionCoefficient}<#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">记录人</span>
            <span class="s2"><#if (pigResult.recrder) ??>${pigResult.recrder}<#else></#if></span>
        </li>
        <li>
            <span class="s1">记录时间</span>
            <span class="s2"><#if (pigResult.recordtime)??>${pigResult.recordtime ? string("yyyy-MM-dd HH:mm:ss")} <#else></#if></span>
        </li>
        <li class="no-r">
            <span class="s1">清管效率</span>
            <span class="s2"><#if (pigResult.pigginGefficiency) ??>${pigResult.pigginGefficiency}<#else>0</#if></span>
        </li>
    </ul>
    <div class="img-lb">
        <span class="title">收球照片</span>
        <div class="picture">
        	<#if (imgList?size > 0)>
          	 <#list imgList as p>
          	 	<#if (p.MARK = 'shou')>
          	 		<img style="width:55px;height:55px;" src="${p.PATH}" alt=""/>
          	 	</#if>
          	 </#list>
          </#if>
        </div>
    </div>
    <p class="qg-text1"><textarea rows="" cols="" placeholder=""><#if (pigResult.backRemark) ??>${pigResult.backRemark}<#else></#if></textarea></p>
</div>

<div class="prev-table clearFix">
      <table cellpadding="0" cellspacing="0">
          <tr>
              <th class="w15">跟踪点名称</th>
              <th class="w15">绝对距离(m)</th>
              <th class="w15">清管工具平均速率(m/s)</th>
              <th class="w20">通过时间</th>
              <th class="w15">记录人</th>
              <th class="w20 no">备注</th>
          </tr>
          <#if markPoint??>
          	 <#list markPoint as p>
          	 	<tr >
	              <td class="white-bg w15">${p.REGIONNAME ! ''}</td>
	              <td class="white-bg w15">${p.MILEAGE ! ''}</td>
	              <td class="white-bg w15">${p.AVGSPEED ! ''}</td>
	              <#--<td class="white-bg w20"><#if p.PASSTIME??>${p.PASSTIME ? string("yyyy-MM-dd HH:mm:ss")} <#else></#if></td>-->
	              <td class="white-bg w20">${p.PASSTIME ! ''}</td>
	              <td class="white-bg w15">${p.RECRDER ! ''}</td>
	              <td class="white-bg w20 no"><span>${p.REMARK ! ''}</span></td>
	            </tr>
          	 </#list>
          </#if>
      </table>
  </div>


</div>
</body>
</html>